<%@page import="com.namabank.servlet.EvaluateParam"%>
<%@ page import="java.util.*"
         import="com.namabank.util.*"
         import="java.lang.*"
         import="java.math.*"
         import="org.hibernate.*"
         import="org.json.*"
         import="java.io.File"
contentType="text/html; charset=UTF-8"%>                </div>
            </div>
        </div>
        <div id="response-param" style="display:none;">
            <%
                    if (evalParam != null) {
                        String responseHtml = evalParam.getResponseString();
                        out.print(responseHtml);
                    }
            %>
        </div>
        <div style="display: none;" id="trash-area-for-remove"></div>
    </body>
    <script type="text/javascript">
        document.b_sessionid = '<%=sessionid%>';
        document.b_userid = '<%=request.getParameter("userid")%>';
        document.b_hdPassword = '<%=request.getParameter("hdPassword")%>';
        var layoutSettings_Outer = {
            name: "outerLayout" // NO FUNCTIONAL USE, but could be used by custom code to 'identify' a layout
            // options.defaults apply to ALL PANES - but overridden by pane-specific settings
            ,	defaults: {
                        size:					"auto"
                ,	minSize:				50
                ,	paneClass:				"pane" 		// default = 'ui-layout-pane'
                ,	resizerClass:			"resizer"	// default = 'ui-layout-resizer'
                ,	togglerClass:			"toggler"	// default = 'ui-layout-toggler'
                ,	buttonClass:			"button"	// default = 'ui-layout-button'
                ,	contentSelector:		".content"	// inner div to auto-size so only it scrolls, not the entire pane!
                ,	contentIgnoreSelector:	"span"		// 'paneSelector' for content to 'ignore' when measuring room for content
                ,	togglerLength_open:		35			// WIDTH of toggler on north/south edges - HEIGHT on east/west edges
                ,	togglerLength_closed:	35			// "100%" OR -1 = full height
                ,	hideTogglerOnSlide:		true		// hide the toggler when pane is 'slid open'
                ,	togglerTip_open:		"Close This Pane"
                ,	togglerTip_closed:		"Open This Pane"
                ,	resizerTip:				"Resize This Pane"
                //	effect defaults - overridden on some panes
                ,	fxName:					"slide"		// none, slide, drop, scale
                ,	fxSpeed_open:			750
                ,	fxSpeed_close:			1500
                ,	fxSettings_open:		{ easing: "easeInQuint" }
                ,	fxSettings_close:		{ easing: "easeOutQuint" }
            }
            ,	north: {
                        spacing_open:			1			// cosmetic spacing
                ,	togglerLength_open:		0			// HIDE the toggler button
                ,	togglerLength_closed:	-1			// "100%" OR -1 = full width of pane
                ,	resizable: 				false
                ,	slidable:				false
                //	override default effect
                ,	fxName:					"none"
            }
            ,	west: {
                        size:					250
                ,	spacing_closed:			21			// wider space when closed
                ,	togglerLength_closed:	21			// make toggler 'square' - 21x21
                ,	togglerAlign_closed:	"top"		// align to top of resizer
                ,	togglerLength_open:		0			// NONE - using custom togglers INSIDE west-pane
                ,	togglerTip_open:		"Thu nh? khung nhìn"
                ,	togglerTip_closed:		"Phóng to khung nhìn"
                ,	resizerTip_open:		"?i?u ch?nh kích th??c khung nhìn"
                ,	slideTrigger_open:		"mouseover" 	// default
                ,	initClosed:				false
                //	add 'bounce' option to default 'slide' effect
                ,	fxSettings_open:		{ easing: "easeOutBounce" }
            }
            ,	center: {
                        paneSelector:			"#root-layout-content" 			// sample: use an ID to select pane instead of a class
                //,	onresize:				"innerLayout.resizeAll"	// resize INNER LAYOUT when center pane resizes
                ,	minWidth:				200
                ,	minHeight:				200
            }
        };
        var outerLayout;
        $(document).ready( function() {
            outerLayout = $("body").layout( layoutSettings_Outer );
            var westSelector = "body > .ui-layout-west"; // outer-west pane
            $("<span></span>").addClass("pin-button").prependTo( westSelector );
            outerLayout.addPinBtn( westSelector +" .pin-button", "west");
            $("<span></span>").attr("id", "west-closer" ).prependTo( westSelector );
            $(".ui-layout-west .content ul:first").treeview({animated: "normal"});
            $(".ui-layout-west .content ul.treeview a").each(function(){
                var $this = $(this);
                if(!$this.attr("href")){
                    var $span = $("<span>" + $this.html() + "</span>");
                    $span[0].attributes = this.attributes;
                    $span.prependTo($this.parent());
                    $this.remove();
                }
            });
            $(".ui-layout-west ul.treeview a").click(function(event){
                var $this = $(this);
                if($this.attr("href")){
                    event.preventDefault();
                    var param = {};
                    param.module = $this.attr("module");
                    param.state = $this.attr("state");
                    postData($this.attr("href"), param, true, function(data){
                        if(defaultPostSuccess(data) != null){
                            $(".ui-layout-west .treeview li.item-active").removeClass("item-active");
                            $this.parent().addClass("item-active");
                        }
                    });
                }
            });
            $("button").button();
            $(document).keydown(function(event){
                if($.browser.msie && event.keyCode == 116){
                    logout();
                }
            });
        });
        defaultPostSuccess($("#response-param>div:first-child"));
    </script>
</html>